* { padding:0; margin:0; outline:0; }
body {
  font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #3A3A3A;
  text-align: left;
  background: url(images/bg.gif);
}
.wrapper {width:100%; overflow:hidden;}
input, textarea, select { font-family: "Trebuchet MS", Arial, sans-serif; font-size:12px; }

.fieldbox { background:#ebebeb; border:solid 1px #dedede; padding:2px;}
.bolder { font-weight:bold;}

a{color: #ABAAAA; text-decoration: none; }
a:hover{ text-decoration:none;}

a.link-2 { color: #060; text-decoration: none; }
a.link-2:hover { color: #F30; }

a.link-3 { color: #F5841F; text-decoration: none; cursor:pointer; }
a.link-3:hover { color: #060; }

a.link-4 { color: #060; text-decoration:underline; }
a.link-4:hover { color: #F30; }

a.link-5 { color: #FFF; text-decoration:none; background:#89a200; display:block; padding:6px; }
a.link-5:hover { color: #F90; }

a img{
    border:0;
}

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }
.cl-3 { font-size:0; line-height:0; clear:both; display:block; height:3px; }
.cl-8 { font-size:0; line-height:0; clear:both; display:block; height:5px; }
.cl-10 { font-size:0; line-height:0; clear:both; display:block; height:10px; }
.cl-20 { font-size:0; line-height:0; clear:both; display:block; height:20px; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.separator-1 { value: '|'; padding-left:10px; padding-right:10px;}

.ico-home { background-repeat:no-repeat; background-image:url(ico/home.png); background-position:0 2px; padding:6px 10px 2px 10px;}
.ico-profil { background-repeat:no-repeat; background-image:url(ico/info.png); background-position:0 2px; padding:6px 10px 2px 10px;}
.ico-akademik { background-repeat:no-repeat; background-image:url(ico/bidkur.png); background-position:0 2px; padding:6px 10px 2px 10px;}
.ico-kesiswaan { background-repeat:no-repeat; background-image:url(ico/registrasi.png); background-position:0 2px; padding:6px 10px 2px 10px;}
.ico-arsip { background-repeat:no-repeat; background-image:url(ico/prestasisiswa.png); background-position:0 2px; padding:6px 10px 2px 10px;}
.ico-hubungikami { background-repeat:no-repeat; background-image:url(ico/kontak.png); background-position:0 2px; padding:6px 10px 2px 10px;}

.shell { width:960px; margin:0 auto; } /*padding-bottom: 10px; */

#header {background: url(images/bg_top.jpg) top repeat-x; position: relative; z-index: 2;} /* height: 524px;*/
#header .right-part{float: right; display: inline; width: 100%;}
#header .right-part span { color:#ff00d2; text-decoration: none; margin-left:18px; text-transform: uppercase;}
#header .right-part p{text-align: right;}
#header .right-part a{text-align: right; margin-left:18px}
#header .right-part #header-nav {
  float: right;
  padding: 21px 21px 0 0;
  font: 11px Verdana, Geneva, sans-serif;
  color: #ABAAAA;
  text-align: right;
  display: block;
}

#header .right-part #header-nav a {

}

#header .topbanner {
	height:150px;
	display:block;
	background:#FFF; /*url(images/bg-head.gif);*/
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	position:relative;
	overflow:hidden;
}
#header .topbanner .wrap-img {
		position:absolute;
		top:100px;
		left:0px;
		/*background:#FC0;*/
		padding-right:3px;
	}
	
	#header .topbanner .wrap-img li {
		height:60px;	
		float:right;
	}
	#header .topbanner .wrap-img li img{
		width: 136px;
		height:60px;	
	}	
	
#header .topbanner .wrap-logo {
	position: absolute;
	top:3px;
	right:20px;	
	height:90px;
	width:90px;
}

#header .topbanner .wrap-div {
	position:absolute;
	top:6px;
	right:130px;
	font-size:12px;
	color:#000;
	text-align:right;
	line-height:14px;
}

#header .topbanner .h1{ text-align:right; font-size:25px; line-height:20px; font-weight:bold; padding:5px 0 10px 0;}


#search{ float:right; padding:15px 20px 11px 0;}
#search .bg{ no-repeat; width:200px; height:28px;}
#search .submit{ background:none; width:37px; height:28px; border: none; cursor:pointer; float:right}
#search .input{ background:none; width:135px; height:14px; border: none; padding:7px 10px; font:11px Verdana, Geneva, sans-serif; color:#abaaaa; float:right;}


#frmkontak{ padding:15px 20px 11px 70px;}
#frmkontak #tblkontak{ width:300px;}
#frmkontak .submit{ width:37px; height:28px; cursor:pointer; float:right}
#frmkontak .input{ background:none; width:200px; height:10px; padding:7px 10px 4px 10px; font:11px Verdana, Geneva, sans-serif; background-color:#abaaaa; float:right; border-color: #00000; border-width: thin;}
#frmkontak .input2{ width:260px; height:120px; padding:7px 10px 4px 10px; font:11px Verdana, Geneva, sans-serif; background-color:#abaaaa; float:right; border-color: #00000; border-width: thin;}

#frmpendaftaran{ padding:15px 20px 11px 70px;}
#frmpendaftaran #tblpendaftaran{ width:400px;}
#frmpendaftaran .submit{ width:37px; height:28px; cursor:pointer; float:right}
#frmpendaftaran .input{ background:none; width:250px; height:10px; padding:7px 10px 4px 10px; font:11px Verdana, Geneva, sans-serif; background-color:#fff; border-color: #00000; border-width: thin;}
#frmpendaftaran .input2{ width:260px; height:120px; padding:7px 10px 4px 10px; font:11px Verdana, Geneva, sans-serif; background-color:#abaaaa; border-color: #00000; border-width: thin;}

h1.h1-home{ position:absolute; top:0; z-index:3;} /*#302c2b */
#logo{ background:url(images/bg_text.png) repeat; width:294px; height:240px; display:block; position:relative; overflow:hidden;} /* text-indent:-5000px;*/
#logo img.logo-src { height:140px; display: block;   margin-left: auto;   margin-right: auto; padding-top : 10px; padding-bottom:10px;}
#logo p { display:inline-block; text-align:center; font-style:normal; line-height: 20px; text-align:center; color:#FFF;  font-size: 22px; text-shadow: black 0.1em 0.1em 0.2em} /*font-family:Arial, Helvetica, sans-serif; font-size: 25px;*/
#logo p.motto {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: 1.2em;
color: #B0C901;
padding-top: 8px;
font-weight:normal;
}
h2{color:#EB8F00; font-weight: normal; text-transform: uppercase; font-family: "trebuchet ms", sans-serif; padding-bottom:5px; border-bottom:solid 2px #dedede;} /* margin-right:5px */
h2 span{color:#000; font-size:12px; text-transform:none;}

h4.ico { background-repeat:no-repeat; background-position:10px 7px; padding:6px 0 8px 35px;}
h4.ico1 { background-image:url(ico/archives.png);}
h4.ico2 { background-image:url(ico/library.png);}
h4.ico3 { background-image:url(ico/illustration.png);}
h4.ico4 { background-image:url(ico/plus.png);}
h4.ico5 { background-image:url(ico/document-library.png);} 
h4.ico6 { background-image:url(ico/administrative-docs.png);}
h4.ico7 { background-image:url(ico/profil_siswa.png);}
h4.ico8 { background-image:url(ico/kalendar.png);}
h4.ico9 { background-image:url(ico/sitemap.png);}
h4.ico10 { background-image:url(ico/maps.png);}
h4.ico11 { background-image:url(ico/group-chat.png);}

h2.title-box {font-size: 12px;}
h1.h1{font-family: "trebuchet ms", sans-serif; text-transform: uppercase;}
h3{font-size: 15px; font-family: "trebuchet ms", sans-serif; text-transform: uppercase; line-height: 18px;}
h3.standart{font-size: 15px; font-family: "trebuchet ms", sans-serif; text-transform:none; line-height: 18px;}
h4{font-size: 12px; font-family: "trebuchet ms", sans-serif; text-transform: uppercase; line-height: 16px;}

.login { display:block; margin-top:5px; height:33px; width: 100%; background: url(images/menu_7.gif) top repeat-x; z-index:1000;} 
a .login:hover{ background: url(images/menu_2.gif) top repeat-x;}
.log-menu { font-size:14px; font-weight:bold; color:#FFF; padding-top:8px; float:left;}
.ico-go { background: url(images/login-nav.png) 0px 9px; background-repeat:no-repeat; padding-left:30px; margin-left:3px;}
.ico-pass { background: url(images/change_password.png) 0px 8px; background-repeat:no-repeat; padding-left:30px;  margin-left:10px;}
.ico-date { background: url(ico/system-time.png) 0px 0px; background-repeat:no-repeat; padding-left:25px; }
.ico-archiv { background:url(ico/archives.png) no-repeat 0 -1px; padding-left:25px;}
.ico-ebook { background:url(ico/report_word.png) no-repeat 0 0px; padding-left:23px;}
.ico-alumni { background:url(ico/profil_siswa.png) no-repeat 0 0px; padding-left:23px;}
.ico-date2 { background:url(ico/calendar.png) no-repeat 0 0px; padding-left:23px;}
.ico-link{ background:url(ico/application_link.png) no-repeat 0 0px; padding-left:23px;}
.ico-asterix{ background:url(ico/asterisk_yellow.png) no-repeat 0 4px; padding-left:18px;}

#login-box {
  height: 240px;
  width: 294px;
  background: url(images/bg_text.png) repeat;
  margin-top:-240px;  
}
#login-boxouter {
  overflow: hidden;
  height: 240px;
  width: 294px;
  position:absolute;
  z-index:100;
  display:block;
}

.login-submit { width:70px; background:url(images/menu_7.gif) top repeat-x; border:0; color:#fff; height:27px; display:block; line-height:26px; cursor:pointer; margin:7px 22px 10px 0; font-weight:bold; }
.input-submit { width:70px; background:#2F9AF5; border:0; color:#000; height:27px; display:block; line-height:26px; cursor:pointer; margin:12px 0 10px 0; font-weight:bold;}
.input-submit:hover { background:#006FEF;}
#login-form, #login-info { padding:8px; display:inline-block;}
#login-form .h2, #login-info .h2 { font-size:14px; font-weight:bold; color:#FFF; padding-bottom:12px;}
#login-form .h3 { font-size:14px; font-weight:bold; color:#F30; padding-bottom:12px;}
#login-form label { padding-bottom:2px; padding-right:20px; font-size:12px; color:#89a200; float:left; width:56px; font-weight:bold;}
#login-form .fieldbox { display:block; margin-bottom:3px; }
#login-form .inline-field label { display:inline; padding:0; }
#login-form .inline-field .fieldbox { display:inline; margin:0; }
#login-form input.fieldbox { width:150px; float:left; height:15px; padding-left:10px; padding-right:10px; color: #C75A35; font-size:11px;  background-color:#FFF; border-bottom:#124F78 1px solid;}
#login-form select {width:135px; float:left; padding-left:10px; color: #C75A35; font-size:11px; background-color:#FFF; font-weight:bold; background-color:#FFF; border-bottom:#124F78 1px solid; } /*background-image:url(images/nav-bg-hov2.png);*/
#login-form select.small-field { width:160px; }
#login-form .login-opt { font-size:12px; color:#F30; float:left; text-align:left;}
#login-form .login-opt a { text-decoration:overline; color:#F30; display:block;}
#login-form .login-opt a:hover { background: url(images/menu_7.gif) top repeat-x;; color:#000; padding-left:3px; padding-right:3px;}

#login-info .h2-info { font-size:13px; font-weight:bold; color:#FFF; padding-bottom:0px;}
#login-info .h2-info2 { font-size:13px; font-weight:normal; color:#000; padding-bottom:0px;}
#login-info .h2-info.idcolor { color:#F30;}
#login-info img { width:90px; height:100px; border:#FFF 1px solid;}
#login-info .id-opt { font-size:13px; color:#0572AB; float:left; text-align:left; font-weight:bold; padding-top:7px;}
#login-info span{ float:left; padding-right:5px; padding-top:7px; font-weight:bold;}
/**/

.login-side { min-height:150px;}
.login-side label { display:block; padding-bottom:3px; }

.login-side .fieldbox { display:block; margin-bottom:10px; }
.login-side .inline-field label { display:inline; padding:0; }
.login-side .inline-field .fieldbox { display:inline; margin:0; }
.login-side input.fieldbox { width:214px; }
.login-side select.fieldbox { width:212px; }
.login-side select.small-field { width:50px; }

.no-border{border-bottom:0;}

#content #main .box .right{float: left; display: inline;}

.togglePlayback { font-size:14px; color:#4b4b4b; text-transform:uppercase; line-height:25px;padding-right:9px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.togglePlayback:hover{ text-decoration:none}
.navigation { float:right; padding:13px 20px 5px 0; height:25px; overflow:hidden; }
.navigation li {	float:left;	padding-left:2px;}
.page {	display:block;	width:23px;	height:23px; background:url(../images/buttons.gif) 0 0 no-repeat}
.page:hover, .page.selected { background:url(../images/buttons_active.gif) 0 0 no-repeat; text-decoration:none}
.slides {	height:381px;	overflow:hidden; position:relative; z-index:1}

.text{ background:url(images/bg_text.png) repeat; font-size:40px; line-height:50px; color:#fff; padding:13px 40px 22px 38px; position:absolute; z-index:2; font-weight:400; top:265px; right:0}
.text span{ display:block; margin-top:-12px;}
.text strong{ font-weight:400; vertical-align:baseline}
.text .size_30{ font-size:30px; line-height:36px;}
.text .size_26{ font-size:26px; line-height:36px}
.text .size_24{ font-size:24px; line-height:36px;}

#sidebar { float:right; width:236px;}
#content { float:left; width:714px;}

#main { padding:10px 0 10px 0; }

.box { padding: 2px; background: #fff; border:solid 1px #D2D0D0; margin-bottom:10px;}
.boxfull { min-height:1470px; height:auto;}
.box-autoh { height:auto;}
.box h2{ background: #7F7F7F; color: white; font-weight: normal; padding: 0 5px; position: relative; height: 27px; line-height: 27px; }
.box h2 span{ position: absolute; width: 10px; height: 5px; background: url(images/h2-arr.gif); top: 27px; right: 10px; font-size: 0; line-height: 0; font-weight:bold; }
.box-content { margin:5px;}
.box-content2 { margin:2px;}
.box-block { display:block; text-align:center;}
.box-center{ height:380px;}
.box-center-auto { height:auto;}
.box-center-top { height:360px;}
.box-center-topin { height:380px; overflow:hidden;}
.box-center-bot { height:20px; float:right; margin-right:5px;}
.box-center-bot a{ text-decoration:none; color:#000; font-size:11px; font-family:Arial; font-weight:normal; text-align:right; padding-right: 20px; } 
.box-center-bot a:hover{ color:#390; font-weight:bold;}
.box-center-bot a.icon {background: url(ico/folder--arrow.png) no-repeat right 0px}
.box-img {display: block; margin-left: auto; margin-right: auto; margin-top:7px; border:#CCC 1px solid;}
.white-border {border:solid 1px #fff}

.box-half-1{ height:201px; padding-bottom:3px;}
.box-half-2{ height:420px; padding-bottom:3px;}
.box-half{ padding-bottom:3px;}

#before-content ul.ulkomentar{ list-style-type: none; }
#before-content ul.ulkomentar li{ padding-bottom:10px; border-bottom:#CCC 1px dashed; }

#before-content .box-item { position:relative; width:703px; margin-bottom: 10px; background-color: #fff; padding:2px 2px 2px 2px; border:solid 1px #D2D0D0; }
#before-content .box-item ul{ list-style-type: none; }
#before-content .box-item ul .image{ text-align: center;}
#before-content .box-item ul .label{ width:135px; height:130px}
#before-content .small{ width:140px; display:inline-block;}
#before-content .pprofil{ width:140px; height:155px; display:inline-block;}
#before-content .box-item ul .medium{ width:190px; height:142px}
#before-content .box-item .large-img{ width:685px; max-height:700px; height:auto; display:inline-block;}
#before-content .box-item ul .list-img{ width:190px; height:185px}
#before-content .box-item ul img{border: 3px #cfcfcf; box-shadow: 3px 3px 4px rgba(0,0,0,1); -moz-box-shadow: 3px 3px 4px rgba(0,0,0,1); }
#before-content .box-item ul img.no-shadow{border: 3px #cfcfcf; box-shadow: none; -moz-box-shadow: none; }
#before-content .box-item ul li{ float:left; border: solid 1px #cfcfcf; width:194px; margin:9px 0px 0px 9px; padding:13px; } /*background-color: #cfcfcf;*/
#before-content .box-item ul li.grey{background: #EBEBEB; }
#before-content .box-item ul li p span{ color:#4B4B4B}
#before-content .box-item ul li p.tittle{ padding-top:15px; }
#before-content .box-item ul li p.tittle strong{ color:#890000;}
#before-content .box-item .ckat { width:100%; height:30px; background:url(images/bg-nav.png) repeat-x ; color:#fff; font-weight:bold; margin-bottom:10px;}
#before-content .box-item .ckat p{ font-size:12px; padding: 7px 7px 7px 10px; text-transform: uppercase}

.accordeon { width:100%; height:30px; background:url(images/menu_6.gif) repeat-x ; color:#fff; font-weight:bold; margin-bottom:0px;}
.accordione { width:100%; min-height:80px; background:#EEE url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; margin-bottom:10px;}
.accordione div {margin:0px 20px 10px 20px;}

.bot-right-rad4 {
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.bot-left-rad4 {
	moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}


.box-side {
width: 185px;
min-height: 10px;
display: inline-block;
padding: 5px 8px 5px 8px;
}

.boxstyle {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

.box-widget { width:100%; margin:0 auto; padding-bottom:10px;}
.no-bottom {padding-bottom:2px;}
.box-widget span { text-align:right; float:right; color:#C75A35; font-weight:bold; text-transform:capitalize;}
.box-widget span.left { text-align:left; font-size:12px; float:left; }
.box-widget a img{display: block; border:none;} /* max-width:184px; padding-left: 15px;*/
.box-widget .polling { width:100%;}

/* comment */
form.form-2 {
	font:13px Georgia, "Times New Roman", Times, serif;
	background:#eee;
	/*padding:10px 20px;*/
	display:inline-block;
	width:685px;	
	}
	
	form.form-2 ol {
		display:block;
		list-style:none;
		margin:0;
		padding:0;
		}

		form.form-2 li {
			padding:6px;
			background:#e1e1e1;
			margin-bottom:1px;
			}

			form.form-2 li#send {
				background:none;
				margin-top:6px;
				}	
				
		form.form-2 label {
			width:100px;
			display:block;
			text-align:left;
			margin-right:15px;
			color:#000;
			line-height:23px;	 /* This will make the labels vertically centered with the inputs */
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			}
		form.form-2 select { width:150px;}
		form.form-2 select.short { width:70px;}

		form.form-2 input,
		form.form-2 textarea {
			padding:4px;
			font-family:Arial, Helvetica, sans-serif;
			border:1px solid #999999;
			width:200px;
			}
			form.form-2 textarea {
				height:70px;
			}			

			form.form-2 input:focus,
			form.form-2 textarea:focus,
			form.form-2 select:focus {
				border:1px solid #666;
				background:#CFC;
				}
				
		form.form-2 li#send button {
			
			border:none;
			padding:4px 8px 4px 28px;
			color:#fff;
			/*margin-left:77px;  Total width of the labels + their right margin */
			cursor:pointer;
			min-width:100px;
			font-weight:bold;
			}

			form.form-2 li#send button:hover, form.form-2 li#send button.sended:hover, form.form-2 li#send button.search:hover, 
			form.form-2 li#send button.submit:hover, form.form-2 li#send button.reset:hover {
				background-color:#f28703;
				}	
			form.form-2 li#send button.sended {	
				background:#89a200 url(ico/css-form-send.gif) no-repeat 4px 50%;
			}
			form.form-2 li#send button.search {	
				background:#89a200 url(ico/iphone-search.png) no-repeat 4px 50%;
			}	
			form.form-2 li#send button.submit {	
				background:#89a200 url(ico/disk.png) no-repeat 4px 50%;
			}
			form.form-2 li#send button.reset {	
				background:#89a200 url(ico/gtk-clear.png) no-repeat 4px 50%;
			}								
											
/* end comment */

/**/
#news{ width:100%; }
#news .topnews { width:100%; display:inline-block;}
#news .topnews .colum{ width:50%; height:160px; float:left; line-height:15px; font-size:11px; font-family:Arial; color:#000; text-align:left;}
#news .topnews .colum img{ width:220px; height:150px; padding-top:5px; padding-bottom:5px;}
#news .topnews .colum a, #news .nlist ul li a{ font-size: 12px; font-weight: bold; color: #f5841f;}
#news .topnews .colum a:hover, #news .nlist ul li a:hover{ color:#F30;}
#news .topnews .colum .nmore{ padding-top:17px; padding-right:8px; text-align: right; }
#news .topnews .colum .nmore a{ text-decoration:none; color:#666; font-size:11px; font-family:Arial; font-weight:normal;}
#news .topnews .colum .nmore a:hover{ color:#333; font-weight:bold;}
#news .topnews .ndate { padding-top:8px; padding-bottom:6px;}

#news .page { width:100%; height:12px; padding-bottom:8px; background:url(images/bg-2.jpg) repeat-x; padding-left:3px; padding-right:-5px;}
#news .page span { line-height: 20px; list-style:none; float:left; min-width:20px; text-align:center; word-spacing:5px; color:#FFF; font-size:11px;}
#news .page span a{text-decoration:none; display:block; color:#FFF; }
#news .page span a:hover{background-color:#360; font-weight:bold;}
#news .page span a.act { background-color:#9C0; color:#000; height:auto; display:block;}
#news .page span.nav { width:35px;}

#news .nlist {width:461px; height:auto; padding-top:10px; padding-bottom:10px;}
#news .nlist ul { width:100%; list-style:none; }
#news .nlist ul li { border-bottom:#999 1px dashed; height:40px;} /*padding-bottom:5px; padding-top:6px;*/
#news .nlist ul li.ncoll{ float:left; display:block; float:left;}
.ncol1 { width:100%; height:20px; float:left; display:inline-block; overflow:hidden;}
.ncol2 { width:35%; float:right; display:inline-block; text-align:right;}

.shared { height:23px; padding-right:10px;}
.fb, .twitt { display:inline-block; float:left; padding-left:5px;}
.fb a{ background-image: url(ico/facebook_button.png); background-repeat:no-repeat; padding-left:5px; float:left;}
.twitt a{background-image: url(ico/twitter_button.png); background-repeat:no-repeat; padding-left:5px; float:left;}

/**/

/*info kampus #74CCEF*/
.box-col{padding:0px 4px 0px 5px; width:223px; text-align:left ; float:left;}
.box-col .adbox{ width:100%; height:60px; text-align:right; } /* padding-right:3px;*/
.box-col .bg-url1 { background:url(images/bg-info-1.png) no-repeat; border-bottom: 3px #fd2d2d solid;}
.box-col .bg-url2 { background:url(images/bg-info-2.png) no-repeat; border-bottom: 3px #6dc023 solid;}
.box-col .bg-url3 { background:url(images/bg-info-3.png) no-repeat; border-bottom: 3px #3688f8 solid;}
.box-col .adbox span{ padding: 35px 10px 2px 2px; font-size:12px; color:#FFF; font-weight:bold; font-family:Tahoma; text-shadow:#000; display:inline-block;  text-transform:capitalize;}
.box-col .inbox{ width:220px; margin: 0px 0 0 0px;; height:350px; padding-left:3px; background-color:#F0F0F0;}
.box-col .inbox .list{ width:100%; min-height:100px max-height:320px; overflow:hidden; padding-bottom:8px; overflow:hidden;}
.box-col .inbox .list ul{ width:100%; list-style:none; color:#000; }
.box-col .inbox .list ul li{border-bottom:#999 1px dashed; padding-bottom:2px; padding-top:4px; height:90px; color: #f5841f;}

.box-col .inbox .list ul li a{ display:block;  font-size: 11px; text-transform:capitalize;}
.box-col .inbox .list ul li a:hover{ display:block; color:#000; height:auto; }

.box-col .inbox .list ul img{ width:25px; height:25px; margin-left:0px; margin-right:7px; float:left;}
.box-col .inbox .list ul img.thumbs{width:40px; height:40px; margin-left:3px;}
.box-col .inbox .list ul li p{ font-size: 11px; overflow:hidden; }
.box-col .inbox .list ul li p.dosen{ text-transform:capitalize; margin-right:5px;}
.box-col .inbox .list ul li p.bolder{ font-size: 10px; text-transform: capitilize; overflow:hidden; color:#000; font-weight:bold; line-height:13px;  text-transform:none;}
.box-col .inbox .list ul li p.title{ font-size: 11px; font-weight:bold; line-height:13px;  text-transform:none; padding-bottom:10px; padding-top:3px;}
.box-col .inbox .list ul li p.title2{ font-size: 11px; font-weight:bold; line-height:13px;  text-transform:none; padding-bottom:5px; padding-top:3px;}
.box-col .inbox .list ul li.redfont { color:#C00;}

.box-col .inbox .list ul li a.linkfak{color:#C00; height:30px;}
.box-col .inbox .list ul li p.desc-fak{color:#000; text-transform:none;}
.box-col .inbox .list ul li a.linklearn{color:#060; height:35px;}
.box-col .inbox .list ul li a.linkbea{color:#06F; height:80px;}
.box-col .inbox .list ul li a.linkfak:hover {background:#FF8C8C; color:#000; min-height:30px; height:auto;}
.box-col .inbox .list ul li a.linklearn:hover {background:#A5FF9F; color:#000; min-height:60px; height:auto;}
.box-col .inbox .list ul li a.linkbea:hover {background:#CFF; color:#000; min-height:70px; height:auto;}

.box-col .inbox .list ul li table { width:100%;}
.box-col .inbox .list ul li table tr td{ width:90%; vertical-align: top;}
.box-col .inbox .list ul li table tr td.tbull { font-weight:bold; padding-right:1px; padding-left:3px; width:10px; font-size:15px;}
.box-col .inbox .list ul li table tr td.tdate {padding-right:1px; padding-left:3px; width:15%; font-size:10px; text-align:left;}
.box-col .inbox .list ul li table tr td.timage {padding-right:1px; padding-left:3px; width:30%; text-align:left; padding-bottom:5px;}
.box-col .inbox .list ul li table tr td.timage img{ width:80px; height:80px; }
.box-col .inbox .list ul li table tr td.tglr {padding-right:1px; padding-left:3px; width:70%; text-align:left; }
.box-col .inbox .list ul li table tr td.end { font-weight:bold; padding-right:1px; padding-left:3px; width:10%;}

.rightborder { border-right:#CCC 1px dashed;}
.setin{ display:inline-block;}
.kitbox { border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0;}
.dbox{ width:210px; min-height:30px; padding-top:5px; padding-bottom:5px; display:inline-block;}

/**/

/*advertise*/
.adv{ padding: 2px; background: #fff; display:block; overflow:hidden;  }
.advbott{ width:958px; height:100px; border:solid 1px #D2D0D0; display:inline-block; background: #fff;   }
.adv table { width:100%; vertical-align:top; height:400px; overflow:hidden; }
.adv table tr.adv1 { width:215px; height:60px; vertical-align:top; background-color:#6C0; }
.adv table tr.adv2 { width:215px; height:80px; vertical-align:top; background-color:#6C3; }
.adv table tr.adv3 { width:215px; height:100px; vertical-align:top; background-color:#6C6; }
.adv table tr.adv4 { width:215px; height:200px; vertical-align:top; background-color:#6C9; }

.advbott .advb1{ width:200px;}

/*agenda*/
#box-agenda{ display:block; width:100%; margin:0 auto; padding-bottom:10px;}
#box-agenda table { width:100%; vertical-align:top; text-align:center; height:70px; margin:0 auto; border:#CCC 1px solid; background-color:#EEE; }
#box-agenda table tr { height:20px; font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
#box-agenda table tr.day-col { font-weight:bold; color:#000; font-weight:bold; font-size:12px; background-color:#666;}

#box-agenda table tr td { width:28px; height:24px; background-color:#B0C901;} /*border:#666 1px solid;*/
#box-agenda table tr td a{ text-decoration:none; display:block; color:#000;}
#box-agenda table tr td a:hover{ color:#000;}
#box-agenda table tr td.navday {border:none; background-color:#FFF; text-align:center; height:30px;}
#box-agenda table tr td.navday a { display:inline-block;}
#box-agenda table tr td.navday span { color:#C00; font-size:14px; padding-left:8px; padding-right:8px;}
#box-agenda table tr td.navday span a { text-decoration:none; color:#C00;}
#box-agenda table tr td.navday span a:hover { font-size:16px; color:#F90;}

#box-agenda table tr td.today { color:#FFF; background:#F4F4F4 url(images/menu_1.gif) top repeat-x;}
#box-agenda table tr td.day { color:#FFF; background:#F4F4F4 url(images/menu_1.gif) top repeat-x;}
#box-agenda table tr td.navi { color:#000; background:#F4F4F4 url(images/menu_5.gif) top repeat-x;}
#box-agenda table tr td.holiday { background:#F00;}
#box-agenda table tr td.reguler { background:#FF0;}
#box-agenda table tr td.ujian { background:#F90;}
#box-agenda table tr td.ksiswa { background:#09F;}
#box-agenda table tr td.freeweek { background:#C96;}
#box-agenda table tr td.free { background:#F4F4F4;}

#box-agenda table tr td.mg:hover,#box-agenda table tr td.holiday:hover, #box-agenda table tr td.reguler:hover, #box-agenda table tr td.ujian:hover, #box-agenda table tr td.ksiswa:hover, #box-agenda table tr td.freeweek:hover{background: url(images/menu_5.gif) top repeat-x; color:#000;}


#des-agenda { display:block; width:100%; height:140px; margin:0 auto; vertical-align:bottom; margin-left:2px; overflow:auto;}
#des-agenda p { font-family:Arial, Helvetica, sans-serif; color:#C75A35; font-weight:bold; font-size:11px; text-transform:capitalize; padding-bottom:5px;}
#des-agenda p.plist { font-weight:normal; color:#060; overflow:hidden; }
#des-agenda p.plist a{ color:#F60;}
#des-agenda p.plist a:hover{ color:#900;}
#des-agenda ul.plist { padding-bottom:15px; margin-left: 8px;}
#des-agenda ul.plist li { font-size:11px; color:#060;}
/**/

/**/
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:200px;
}

.AccordionTitle
{
  height:20px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  vertical-align:middle;
  background-repeat:repeat-x;
  display:table-cell;
  -moz-user-select:none;
}

.AccordionContent
{
  height:0px;
  overflow:auto;
  display:none; 
}

.AccordionContainer{}
/**/

.ad a img{display: block; border:none }

a.bul { background:url(images/bul.gif) no-repeat 0 center; padding-left:10px;}
.bul { background:url(images/bul.gif) no-repeat 0 center; padding-left:10px;}
.bul-cat { background:url(images/icon.png) no-repeat 0 center; padding-left: 32px;}

#sidebar ul.pink{list-style-type: none; font-size: 12px; padding-top:10px; width:280px; }
#sidebar ul.pink li{ background:url(images/bull.gif) no-repeat 0 3px; padding-left:15px; text-transform: uppercase;}
#sidebar ul.pink li a{color:#f8379b; text-decoration: none;}
#sidebar ul.pink li a:hover{text-decoration: underline;}

#slider { height:252px; position:relative;}
#slider-holder { width:720px; height:252px; position:relative; overflow:hidden; }
#slider-holder .jcarousel-clip{ width:720px; height:252px; position:relative; overflow:hidden; }
#slider-holder ul{ width:720px; height:252px; position:relative; overflow:hidden; list-style-type: none;}
#slider-holder ul li{ width:720px; height:252px; position:relative; overflow:hidden; float:left; }

#slider-nav { position:absolute; top:231px; left:644px; z-index:2;}
#slider-nav a{ font-size:0; line-height:0; text-indent: -4000px; width:10px; height:10px; border:solid 1px #8b0000; background:#8b0000; float:left; margin-right:5px; }
#slider-nav a:hover,
#slider-nav a.active { background:#fff;}
#before-content{ background: #fff; float: left; display:block; padding:2px 2px 30px 2px; border:solid 1px #D2D0D0; margin-bottom:28px; width: 710px; display:inline-block;}
#before-content .inline-content { margin-left:10px; margin-right:10px;}
#before-content .ckat { width:100%; height:30px; background: url(images/menu_2.gif) repeat-x ; color:#fff; font-weight:bold; margin-bottom:10px;}
#before-content .ckat p{ font-size:13px; padding: 7px 7px 7px 10px; text-transform:capitalize;}
#before-content h2{ font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#390; padding-bottom:5px;  margin: 20px 10px 10px 10px; min-height:30px; text-align:center; }
#before-content h2:hover{ color:#F90;}
#before-content p{ padding-bottom:8px; padding-left:10px;}
#before-content p.normal{ padding-bottom:0px; padding-left:0px;}
#before-content p img { width:290px;}
#before-content .ex-img {padding-left: 10px; }
#before-content .ex-img img { height: 140px; width:175px; padding:10px 10px 10px 5px;}
#before-content .ctime{ width:100%; float:left; margin-bottom:8px; margin-left:10px; font-size:10px; color:#666; border-bottom:#CCC 1px dashed;}
#before-content img.mainimg{ padding-bottom:5px; width:690px; height:400px; display:inline-block; text-align:center; vertical-align:top; margin-left: 10px;}
/* float align */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 3px;
	margin-bottom:10px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 5px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.products {}
.products ul{ list-style-type: none;}
.products ul li{ position:relative; padding:1px; border:solid 1px #D2D0D0; margin-bottom: 10px; float:left; width:231px; margin-right:9px; height:347px; overflow:hidden; }
.products ul li.last{ margin-right:0; }

#main .box .holder .stripe{position:absolute; top:284px; left:44px; z-index: 10; height:84px; background:url(images/dot.png); width:245px}
#main .box .holder .stripe strong{font-family: "trebuchet ms", sans-serif; font-size: 23px; color:#00a2ff; text-transform: uppercase; line-height: 25px; padding:10px 0 0 13px; display: block;}

.cols { padding:0 0 0 0; background-color: fff;}
.col { float:left; display:inline; width:200px; margin-right:5px;}
.col1 { float:left; display:inline; width:530px; margin-right:5px;}
.col2 { float:left; display:inline; width:718px; margin-right:5px;}
.col3 { float:left; display:inline; width:150px; margin-right:5px;}
.col4 { float:left; display:inline; width:236px; margin-right:5px;}
.col5 { float:left; display:inline; width:477px; margin-right:5px;}
.col6 { float:left; display:inline; width:95px; margin-right:5px;}
.col7 { float:left; display:inline; width:150px; margin-right:5px;}
.col8 { float:left; display:inline; width:100px; margin-right:5px;}
.col-last { margin-right:0;}
.border-top-dot { border-top:#89a200 1px dotted;}
.border-bot-dot { border-bottom:#89a200 1px dotted;}
.lpad-20 { margin-left:20px;}
.lpad-40 { margin-left:40px;}
.lpad-80 { margin-left:80px;}
.hline-20 { line-height:20px;}
.cols a.li { line-height:20px; font-size:14px;}

h3.ico { background-repeat:no-repeat; background-position:0 2px; padding:6px 0 8px 40px;}
h3.ico1 { background-image:url(images/shipping.png);}
h3.ico2 { background-image:url(images/contact.png);}
h3.ico3 { background-image:url(images/heart.png);}
h3.ico4 { background-image:url(images/basket.png);}

.left-more {
margin-left: 10px;
margin-top: 5px;
}

.text-more {
text-align: right;
font-size: 10px;
}

.date{
	font-size:8pt;
	color:#060;
}

.info{
	font-size:8pt;
	color:#999;
}

.headline {
	font-size: 12px;
	font-weight: bold;
	color: #f5841f;
	text-transform: capitilize;
	margin-left:10px;
}


.headline a{
	font-size: 12px;
	font-weight: bold;
	color: #f5841f;
	padding-bottom:10px;
}

.headline a:hover{
	font-size: 12px;
	font-weight: bold;
	color: #F30;
}


.tabs { height:36px; }
.tabs ul{ list-style-type: none; font-size:14px; text-transform: uppercase; font-weight: bold; }
.tabs ul li{ float:left; display:inline; margin-right:1px; }
.tabs ul li a,
.tabs ul li a span { float:left; height:36px; background:url(images/tab.gif) no-repeat 0 -37px; padding:0 0 0 20px;}
.tabs ul li a span { background-position:right -37px; padding:0 20px 0 0;}
.tabs ul li a { position:relative; line-height:36px; color:#895d23; }


.tabs ul li a.red { background-position:0 -74px; color:#fff; }
.tabs ul li a.red span{ background-position:right -74px;}

.tabs ul li a.active,
.tabs ul li a:hover { background-position:0 0; color:#4f4f4f; }
.tabs ul li a.active span,
.tabs ul li a:hover span{ background-position:right 0;}

#container { background:#fff url(images/container-t.gif) no-repeat 0 0; padding: 0px 0px; }

#detail-product p span{ color:#890000}
#detail-product p.price{ padding-top:15px; padding-bottom: 15px; }
#detail-product p.price strong{ color:#890000;}

.brands { margin:14px 0 14px 0;}
.brands h3 { padding:0 15px 10px 15px; }
.brands a { margin:15px 0 15px 15px}

.detail-image { float: left;  margin:14px 0 14px 0;}
.detail-image h3 { padding:0 0px 10px 0px; }
.detail-image a { margin:15px 0 15px 15px}


/* COLUMN */

.one_half,.one_third,.one_fourth, .three_fourth, .two_third{margin-right:3.1%; float:left; }

.last{ margin-right:0 !important; clear:right; }

/*== sideright & widget ==*/
#contactform{margin:0 auto; position:relative}
.blue{color:#14bbea;}
/*== display inline==*/
.inline{margin:0px !important; padding:0px !important; list-style-type:none !important;}
.inline li{ text-align:right !important; clear:both; width:100% !important; border:0px !important; padding:0 !important; background-image:none!important; line-height:20px;}
.inline .left{float:left;}

.addbox .widget-title{font-size:26px; line-height:26px; color:#8b0000; margin-bottom:10px; border-bottom:1px solid #d8d8d8; padding-bottom:5px;}
.addbox ul{list-style-type:none; padding:0 ; margin:0; list-style-position:outside}
.addbox ul li{list-style-type:none; padding:0 ; margin:0; font-size:11px;}
.addbox ul li li{background:url(../images/arrow.png) no-repeat 0 6px; padding:0 0 5px 15px; }
.addbox ul li li{display:inline-block; zoom:1; *display:inline; vertical-align:top;  width:115px; margin-right:18px;}
.addbox ul li a, .sidebar ul li a:visited, .widget-container ul li a{color:#7e7e7e; font-size:11px; }
.addbox ul li a:hover, .widget-container ul li a:hover{color:#9e9d9d; text-decoration:none;}

.widget-container{margin-bottom:40px !important;}

.widget-container.widget_recentpost li{ border:0px!important;  clear:both; width:300px!important; display:block!important; padding-left:0px; background-image:none; padding-bottom:18px;}
.widget-container.widget_recentpost img.alignleft{ margin-right:17px!important;}
.widget-container.widget_recentpost .date{ font-size:10px; color:#b1b1b1;}
.widget-container.widget_text ul{ margin:0px!important; padding:0px;}
.widget-container.widget_text li{ background:url(../images/dot.png) no-repeat left 7px !important;	padding-left:15px; width:100%; }


.widget_search.widget_search li{ background:none; clear:both;}

#widget-flickr .alignleft{
	margin:0 8px 8px 0;
}

.bg_gray{ background:#f6f6f6; padding:20px; width:260px; margin-top:20px; min-height: 300px;}
p:last-child { margin-bottom:0px!important;}
*+html .one_third.last .bg_gray{ padding-bottom:0px;}

/* CONTACT */
.box-contact {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	width: 720;
	margin: auto;
	padding: 10px 20px;
	border: 1px solid #3399cc; 
	text-align: left;
	background-color: #fff;
}
.box-contact p {
line-height: 30px;
}

fieldset {
	border: none;
	padding-left: 0px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom: 1px solid #cccccc;
}
legend { 
font-size:22px; 
color:#0f89df; 
padding-bottom:5px;  
margin-bottom: 10px;
line-height: 40px;
}
	

fieldset p {
	clear: both;
	padding-top: 10px;
	width: 400px;
}

fieldset p.first {
	padding-top: 0;
}

fieldset label {
	float: left;
	width: 120px;
	padding-top: 3px;
}

fieldset p span {
	float: right;
	width: 260px;
}

fieldset label span {
	float: none;
	width: auto;
	color: red;
	font-weight: bold;
	padding-left: 5px;
}


fieldset input, fieldset textarea, fieldset select {
	background: #f5f5f5;
	border: 1px solid #cccccc;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	resize: none;
}
fieldset input:focus, fieldset textarea:focus, fieldset select:focus {
	background: #ffffff;
	border: 1px solid #3399cc;
	outline: none;
}
fieldset input:hover, fieldset textarea:hover, fieldset select:hover {
	border: 1px solid #3399cc;
}

fieldset.captcha {
	width: auto;
}
fieldset.captcha p {
	width: 240px;
}
fieldset p.message { width: auto; }
fieldset.captcha input { margin-top: 5px; }

input.button {
	border: 1px solid #222;
	background: #333;
	padding: 5px;
	width: 140px;
	border-radius: 5px;
	font-size: 14px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #fff;
	cursor: pointer;
}
input.button:hover {
	background: #444;
}

.error {
	background: #cc9999;
	border: 1px solid #a9343d;
	border-radius: 5px;
	font-size: 11px;
}
.error p {
	font-weight: bold;
	color: #6c1218;
	text-indent: 20px;
}

.success {
	background: #99ff99 url('accept.png') no-repeat 11px 10px;
	border: 1px solid #336600;
	border-radius: 5px;
	font-size: 11px;
}
.success p {
	font-weight: bold;
	color: #336600;
	text-indent: 35px;
}

/* online support */
.contact{
	padding:1px 20px;
}
.no-pad { padding:1px;}
.contact a{
	border:none;
	color:#000;
	float:left;
	margin:5px 5px 15px 15px;
	text-align:center;
	text-decoration:none;
}
.contact a img{
	border:none;
	margin:3px;
}
#support-online a {
	background-repeat: repeat-x;
	height: 80px;
	width: 228px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(images/support.png);
	padding-top:30px;
	display:inline-block;
	border:#CCC 1px solid;
}
#support-online a:hover {
background-position: 0 -110px;
}

/* archive div */
#archive { padding-top:10px; padding-bottom:8px; margin-left:20px; margin-right:20px; display:inline-block;}
#archive img{border:#CCC 5px solid; width:180px; height:140px; float:left;}
#archive ul,li{
	margin:0;
	padding:0;
}
#archive li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:15px;
	margin-bottom:15px;
}

/*  */
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

#archive .album { 
	display: block;
	height: 220px; 
	width: 150px; 
	background: #CCC;
	position:relative;
	
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#archive .album img.thumb {
	width:54px;
	height:54px;
	position:absolute;
	border:none;
	
	top: 67px;
	left: 49px;
}


#archive .album:hover {
		background: #E8E8E8;
}

#archive .album .info { padding:10px 15px;}
#archive .album .info img { width:110px; height:110px; border:none; text-align:center;}
#archive .album .info span { color:#9b0b0b; font-weight:bold;}
#archive .album .info span.detinfo { font-weight:normal; font-size:smaller; float:right; text-align:right; color:#000;}

#archive .archive {	
	display: block;
	height: 220px; 
	width: 318px;
	/*background: #CCC;*/
}

#archive .link-archive{	
	display: block;
	height: 20px; 
	width: 318px;
	padding-top:5px;
	padding-bottom:10px;
	/*background: #CCC;*/
	border-bottom:#666 1px dashed;
}

#archive .link-archive a{ font-size:11px; color:#333; text-decoration:none; }
#archive .link-archive a{ font-size:11px; color:#F30;}	

#archive .archive .archive-info { font-size:11px; margin:8px; }
#archive .archive .archive-info img { width:150px; height:110px; border:none; text-align:center; padding-right:10px;}
#archive .archive .archive-info a { color:#000;}
#archive .archive .archive-info a:hover { color:#F30;}

.shadow {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}
/* end galeri div */

/* Pagging */
.pagging { height:15px; padding:10px 0px; line-height:17px; color: #5f7b00; font-size:12px;}
.pagging a{ height:17px; font-size:10px; font-weight:bold; float:left; padding:0 5px; border:solid 1px #5f7b00; text-decoration: none; color:#5f7b00; margin-left:5px;  }
.pagging a:hover, .pagging a.active { background: url(images/menu_7.gif) top repeat-x;; color:#FFF; font-weight:bold;}
.pagging span{ float:left; margin-left:5px; padding-top:2px; color:#5f7b00; font-size:14px; font-weight:bold;}

/*table style*/
table.tab-style { 
	width: 685px;
	vertical-align:top;
	background-color: #fafafa;
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px; 
}

table.tab-style tr:hover td.tab-styletd{
	background: #cadf9e;
}

td.tab-styleth { 
	padding-left: 8px;
	background-color: #89A200;
	/*background: url(images/menu_5.gif) repeat-x;*/
	/*border: 1px #000000 solid;*/
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #404040; 
	height:25px;
}

td.tab-styletd {
	border-bottom: 1px #6699CC dotted;
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size:11px;
	color: #404040;
	background-color: #fafafa;
	padding-left: 8px;
	padding-right: 0px; 
	height:25px;
}

td.profil{
	height:170px;
}
/*/*/

#div-footer {background:#302c2b; height:200px;} /*url(images/bg_top.jpg) top repeat-x;*/
#footer { height:100px; background:#302c2b; font-size: 13px; white-space:nowrap; line-height:15px; padding:10px 15px; color: #ABAAAA;}
#footer p {}
#footer a{ font-size: 12px; color: #ABAAAA; text-decoration: none; font-weight:bold;}
#footer a:hover{ text-decoration: underline;}
#footer span{ padding:0 2px;}

.notif{
	font-size: 12px; color:red; text-decoration: none; font-weight:bold;
}
